@charset "utf-8";
/**
 * 创建日期：2011-11-05
 * 作用：详细产品页面的样式
 * 注意：任何一个页面，必须最先引用base.css样式，再引用该样式！
 * 创建者：ChenJunYong<tenjessy@gmail.com>
 */

/**
 * 布局
 */
.grid4m1s { margin:0px auto; }
.grid4m1s .col-sub { float:left; width:200px; margin-left:-1000px; }
.grid4m1s .col-main { float:left; width:790px; padding-left:210px; }

/**
 * 商品简介
 */
.summary-product { padding:4px 0px; overflow:hidden; }

/* 图片 */
.summary-pro-img { float:left; width:306px; }
.summary-pro-img .show-area { width:304px; height:304px; border:1px solid #dddddd; overflow:hidden; }
.summary-pro-img .show-area li { display:none; }
.summary-pro-img .show-area .cur { display:block; }
.summary-pro-img .show-area img { width:304px; height:304px; }
.summary-pro-img .control { height:68px; padding:12px 13px 1px 13px ; }
.summary-pro-img .control li { float:left; display:inline; margin:0px 5px; background:url(../img/product_bg.png) no-repeat -61px -129px; cursor:pointer; }
.summary-pro-img .control .cur { background-position:0px -129px; }
.summary-pro-img .control img { width:56px; height:56px; padding:8px 2px 2px 2px; }

/* 简介 */
.summary-pro-info { padding:0px 0px 0px 20px; overflow:hidden; zoom:1; }
.summary-pro-info .n { border-bottom:1px dotted #9a9a9a; font:700 14px/28px "\5b8b\4f53"; }
.summary-pro-info .info, .summary-pro-info .price { line-height:24px; }
.summary-pro-info .info { padding:6px 0px; border-bottom:1px dotted #9a9a9a; }
.summary-pro-info .price { padding:16px 0px; }
.summary-pro-info .price em { padding-right:6px; font-weight:500; font-size:24px; color:#ff6600; vertical-align:middle; font-family:Arial; }
.pro-key { padding:8px; border:1px solid #e7dbb1; background:#fffee6; }
.pro-key:hover { border-color:#fcbb29; background:#fff3d9; }
.pro-key strong { display:block; line-height:24px; }
.pro-key-list { padding:12px 0px; line-height:24px; }
.pro-key-list li { height:24px; padding:4px 0px; overflow:hidden; }
.pro-key-list .t { float:left; }

.color-list {
	height: 22px;
	padding: 1px 0;
	line-height: 20px;
	overflow: hidden;
	zoom: 1;
}

.color-list a {
	position: relative;
	float: left;
	height: 20px;
	padding: 0 6px;
	margin: 0 4px;
	border: 1px solid #9a9a9a;
	background: url(../img/product_bg.png) no-repeat -107px -37px;
}

.color-list .selected {
	border-color: #c50001;
}

.color-list .selected b {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 10px;
	height: 10px;
	background: url(../img/product_bg.png) no-repeat -253px -26px;
	text-indent: -999em;
	overflow: hidden;
}

.size-list {
	height: 22px;
	padding: 1px 0;
	line-height: 20px;
	overflow: hidden;
	zoom: 1;
}

.size-list a {
	position: relative;
	float: left;
	height: 20px;
	padding: 0 6px;
	margin: 0 4px;
	border: 1px solid #9a9a9a;
	background: url(../img/product_bg.png) no-repeat -107px -37px;
}

.size-list .selected {
	border-color: #c50001;
}

.size-list .selected b {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 10px;
	height: 10px;
	background: url(../img/product_bg.png) no-repeat -253px -26px;
	text-indent: -999em;
	overflow: hidden;
}

.clothesize-list {
	height: 22px;
	padding: 1px 0;
	line-height: 20px;
	overflow: hidden;
	zoom: 1;
}

.clothesize-list a {
	position: relative;
	float: left;
	height: 20px;
	padding: 0 6px;
	margin: 0 4px;
	border: 1px solid #9a9a9a;
	background: url(../img/product_bg.png) no-repeat -107px -37px;
}

.clothesize-list .selected {
	border-color: #c50001;
}

.clothesize-list .selected b {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 10px;
	height: 10px;
	background: url(../img/product_bg.png) no-repeat -253px -26px;
	text-indent: -999em;
	overflow: hidden;
}

.shoesize-list {
	height: 22px;
	padding: 1px 0;
	line-height: 20px;
	overflow: hidden;
	zoom: 1;
}

.shoesize-list a {
	position: relative;
	float: left;
	height: 20px;
	padding: 0 6px;
	margin: 0 4px;
	border: 1px solid #9a9a9a;
	background: url(../img/product_bg.png) no-repeat -107px -37px;
}

.shoesize-list .selected {
	border-color: #c50001;
}

.shoesize-list .selected b {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 10px;
	height: 10px;
	background: url(../img/product_bg.png) no-repeat -253px -26px;
	text-indent: -999em;
	overflow: hidden;
}

.num-list { position:relative; height:22px; padding:1px 0px; overflow:hidden; zoom:1; }
.num-list .input-txt { float:left; width:26px; height:20px; background:#ffffff; border:1px solid #9a9a9a; line-height:20px; text-align:center; }
.num-list .minus, .num-list .plus,.num-list .start, .num-list .last { position:absolute; left:30px; width:18px; height:10px; background:url(../img/product_bg.png) no-repeat; text-indent:-999em; overflow:hidden; }
.num-list .minus { top:1px; background-position:-218px -37px; }
.num-list .start { top:1px; background-position:-237px -37px; }
.num-list .plus { bottom:1px; background-position:-218px -48px; }
.num-list .last { bottom:1px; background-position:-237px -48px; }

.pro-act { height:36px; padding:8px 0px; border-top:1px solid #e7dbb1; }
.pro-act a { float:left; }
.pro-act .buy { width:74px; height:36px; padding:0px 0px 0px 46px; margin-right:26px; background:url(../img/product_bg.png) no-repeat 0px 0px; line-height:36px; font-size:14px; color:#ffffff; }
.pro-act .add { width:80px; height:36px; padding:0px 0px 0px 42px; margin-right:42px; background:url(../img/product_bg.png) no-repeat -121px 0px; line-height:36px; font-size:14px; color:#ffffff; }
.pro-act .buy:hover,.pro-act .add:hover { color:#ffffff; }
.pro-act .collection { width:72px; height:25px; margin-top:10px; padding:0px 0px 0px 34px; background:url(../img/product_bg.png) no-repeat 0px -37px; line-height:25px; }

/* 分享 */
.share { height:18px; padding:4px 0px; overflow:hidden; }
.share .t { padding-left:5px; border-right:1px solid #dddddd; }
.share a { float:left; padding-top:1px; }

/* 相关商品 */
.related-pro { clear:both; padding:0px 16px; margin:6px 0px; border:1px solid #dddddd; }
.related-pro .hd { position:relative; height:30px; line-height:30px; }
.related-pro .hd-t { font-size:14px; }
.related-pro .hd-act { position:absolute; top:0px; right:0px; }
.related-pro .bd { position:relative; height:132px; padding:8px 0px; }
.related-pro-list { position:relative; width:684px; height:132px; margin:0px auto; overflow:hidden; }
.related-pro-list ul { position:absolute; top:0px; left:0px; width:2500px; }
.related-pro-list li { float:left; padding:2px 15px 2px 15px; }
.related-pro-list .img { display:block; width:84px; }
.related-pro-list .n { width:84px; line-height:22px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.related-pro-list img { display:block; width:80px; height:80px; padding:1px; border:1px solid #dddddd; }
.related-pro-list .img:hover img { border-color:#ffb997; background:#ffb997; }
.related-pro-list .price { line-height:22px; color:#c50001; }
.related-pro .prev, .related-pro .next { position:absolute; top:24px; height:52px; width:12px; overflow:hidden; cursor:pointer; }
.related-pro .prev { left:0px; border-right:1px solid #dddddd; }
.related-pro .next { right:0px; border-left:1px solid #dddddd; }
.related-pro .prev em, .related-pro .next em { display:none; }
.related-pro .prev b, .related-pro .next b { display:block; width:0px; height:0px; margin-top:20px; border-width:6px; border-style:solid; font-size:0px; overflow:hidden; }
.related-pro .prev b { border-color:#ffffff #dddddd #ffffff #ffffff; }
.related-pro .next b { border-color:#ffffff #ffffff #ffffff #dddddd; }

/**
 * 商品详细介绍
 */
.detail-product { clear:both; margin:10px 0px; }
.detail-product .control { height:32px; }
.detail-product .control li { float:left; width:259px; height:28px; padding:2px; background:url(../img/product_bg.png) no-repeat 0px -96px; font:700 14px/28px Tahoma; text-align:center; cursor:pointer; }
.detail-product .control .cur { background-position:0px -63px; }
.detail-product .show { display:none; }
.detail-product .show-area { padding:20px 28px; line-height:26px; }
.detail-product .show-area .cur { display:block; }
.detail-product .show-area p { padding:3px 0px; }
.pro-intro .parameters { width:99.9%; table-layout:fixed; }
.pro-intro .parameters th { text-align:left; font-size:14px; }

/**
 * 《上周热兑换榜》、《猜你喜欢》两个模块
 */
.ranking { margin-bottom:10px; border:1px solid #dddddd; border-top:2px solid #c50001; }
.ranking .hd { position:relative; height:32px; padding:4px 10px; border-bottom:1px dotted #dddddd; line-height:32px; }
.ranking .hd-t { font:500 16px/32px "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1","SimHei","\9ED1\4F53"; color:#c50001; }
.ranking .hd-act { position:absolute; top:4px; right:0px; }
.ranking .bd { overflow:hidden; }
.ranking li { position:relative; height:62px; padding:8px; border-bottom:1px solid #dddddd; }
.ranking li:last-child { border-bottom:none; }
.ranking .img { float:left; }
.ranking .img img { width:62px; height:62px; }
.ranking .n, .ranking .price { padding-left:10px; _padding-left:7px; line-height:16px; overflow:hidden; zoom:1; }
.ranking .price { padding-top:8px; font-family:"Microsoft YaHei","\5FAE\8F6F\96C5\9ED1","SimHei","\9ED1\4F53"; color:#c50001; }
.ranking .price span { padding-right:6px; font-size:16px; }
.ranking .num { position:absolute; top:8px; left:8px; width:18px; height:14px; background:url(../img/icon.png) no-repeat 0px -229px; text-align:center; font:700 11px/14px Tahoma; overflow:hidden; }
.ranking .h-num { background-position:0px -244px; color:#ffffff; }
